import React from 'react'
import ReactDOM from 'react-dom'
// 如果组件的结构特别复杂，需要将其提取出来
// const app = <h1>hello world</h1>

// 由于元素没有办法传递参数，所以我们就需要把之前定义的变量改为一个方法，
// 让这个方法去return一个元素
const app = function (name) { // 函数式组件
  // 业务逻辑
  console.log(name)
  return <h1>hello world</h1>
}
ReactDOM.render(
  app('react'),
  document.querySelector('#root')
)